.chatPanel {
	position: relative;
	width: 100%;
	height: 100%;
}
.chatViewer {
	background: rgba(238, 238, 238, 0.63);
	height: calc(100% - 141px);
	overflow: auto;
	border-radius: 5px 5px 0px 0px;
	padding: 10px;
}
.chatMsgItem {
	position: relative;
	padding-left: 50px;
	overflow: auto;
	clear: both;
	margin: 0px 0px 15px 0px;
	padding-bottom: 20px;
	width: calc(100% - 120px);
}
.chatUserIcon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	border: solid 1px transparent;
	border-radius: 3px;
}
.chatUserIconImg {
	max-width: 40px;
	max-height: 40px;
	border-radius: 2px;
}
.chatUserName {
	color: #8181E2;
}
.chatMsgItemContentWrapper {
	float: left;
	padding: 8px 10px;
	border: solid 1px #8BAF40;
	border-radius: 8px;
	margin-top: 5px;
	background-color: #B2CF73;
	background: -webkit-gradient(linear, left top,left bottom, from(#B1D66C),to(#A4C363));
	position: relative;
	max-width: calc(100% - 160px);
	word-wrap: break-word;	
}

.chatMsgItemContent{
	font-family: Verdana;
	font-size: 16px;
	line-height: 20px;
	white-space: pre-wrap;
	overflow:auto;
}

/*---------------------------------------------------------------------------------------------*/

.chatMsgItem.fail .chatMsgItemContent{
	-webkit-filter: grayscale(1);
}
.chatMsgItem .retry{
	width: 38px;
	height: 38px;
	position: absolute;
	bottom: 0px;
	z-index: 999999999999;
	left: -40px;	
	display:none;
	background-repeat: no-repeat;
	cursor:pointer;
}
.chatMsgItem.fail .retry{
	display: block;
	background-image: url('../images/failed.png');	
}
.chatMsgItem.sending .retry{
	display: block;
	background-image: url('../images/sending.png');
	height: 24px;
}

.chatMsgItem.fail .showReaders, .chatMsgItem.sending .showReaders{
	display: none!important;
}
.chatMsgItem.fail .progressbar{
	display: none!important;
}
.chatMsgItem.sending .chatMsgTime, .chatMsgItem.fail .chatMsgTime{
	display:none!important;
}

/*---------------------------------------------------------------------------------------------*/

.chatMsgItem.right .chatMsgItemContentWrapper.read:after {
	content: 'Read';
	position: absolute;
	color: #6F6B85;
	bottom: 16px;
	left: -40px;
	letter-spacing: 1px;
}
.chatMsgItem.right .chatMsgItemContentWrapper.unread:after {
	content: 'Unread';
	position: absolute;
	color: #6F6B85;
	bottom: 16px;
	left: -58px;
	letter-spacing: 1px;
}

.chatMsgItemContentWrapper .showReaders {
	position: absolute;
	color: #6F6B85;
	bottom: 16px;
	right: -96px;
	cursor: pointer;
	width: 91px;
	text-align: left;
}
.chatMsgItemContentWrapper .showReaders:hover {
	text-decoration: underline;
}

.chatMsgItem.right .chatMsgItemContentWrapper .showReaders {
	bottom: 16px;
	left: -96px;
	right: auto;
	text-align: right;
}

.rawMsgItemContent {
	float: left;
	margin-top: 5px;
	position: relative;
	max-width: calc(100% - 100px);
	word-wrap: break-word;
}

.chatMsgItemContentWrapper:before {
	content: url(../images/chatPanel/bubble_left_guid.png);
	position: absolute;
	left: -6px;
	top: 8px;
	-webkit-transform: rotate(180deg);
}

.chatMsgHr {
	text-align: center;
	margin: 20px 0px;
	position: relative;
	background: -webkit-radial-gradient(center, ellipse cover,transparent 0%, transparent 8%, #C9C9C9 20%,transparent 50%, transparent 100%);
	height: 1px;
	clear: both;
	position: absolute;
	left: 0px;
    width: 100%;
}

.chatMsgHr[t=prev] {
    top:0px;    
    position: relative;
    left: auto;
    width: 100%;
}

.chatMsgHr[t=next] {
    bottom:0px;
    position: relative;
    left: auto;
    width: 100%;
}

.chatMsgTime {
	color: #AAA;
	position: absolute;
	right: -135px;
	bottom: 0px;
	width: 130px;
}

.chatMsgTimeText {
	position: relative;
	top: -8px;
	padding: 0px 10px;
	color: #AAA;
}

.chatMsgLoadMoreText {
	position: relative;
	top: -8px;
	padding: 0px 10px;
	color: #8A91E6;
	text-decoration: underline;
	letter-spacing: 1px;
	cursor: pointer;
}

/*---------------------------------------------*/

.chatMsgItem.system:before {
	content: url('/ujs/images/common128/system.png');
	width: 32px;
	position: absolute;
	z-index: 9;
	left: 10px;
	-webkit-transform: scale(0.15);
	top: -32px;
}

.chatMsgItem.android:before {
	content: url('/ujs/images/common128/android.png');
	width: 32px;
	position: absolute;
	z-index: 9;
	left: 10px;
	-webkit-transform: scale(0.15);
	top: -32px;
}

.chatMsgItem.ios:before {
	content: url('/ujs/images/common128/iphone.png');
	width: 32px;
	position: absolute;
	z-index: 9;
	left: 10px;
	-webkit-transform: scale(0.15);
	top: -32px;
}

.chatMsgItem.android.right:before, .chatMsgItem.ios.right:before, .chatMsgItem.system.right:before  {
	left: auto;
	right: 25px;
}

/*---------------------------------------------*/

.chatMsgItem.right {
	padding-left: 0px;
	padding-right: 50px;
}
.chatMsgItem.right .chatUserIcon {
	left: auto;
	right: 0px;
}

.chatMsgItem.right .chatUserName {
	text-align: right;
}

.chatMsgItem.right .chatMsgItemContentWrapper:before {
	content: url(../images/chatPanel/bubble_right_guid.png);
	position: absolute;
	right: -10px;
	top: 8px;
	left: auto;
}

.chatMsgItem.right .chatMsgTime {
	right: auto;
	left: -135px;
	text-align: right;
}

.chatMsgItem.right .chatMsgItemContentWrapper {
	float: right;
	padding: 8px 10px;
	border: solid 1px #D1CECE;
	border-radius: 8px;
	margin-top: 5px;
	background-color: #E5E5E5;
	background: -webkit-gradient(linear, left top,left bottom, from(#F4F4F4),to(#E5E5E5), color-stop(0.1,#F3F3F3),color-stop(0.3,#F1F1F1),color-stop(0.5,#ECECEC),color-stop(0.7,#E9E9E9),color-stop(0.9,#E6E6E6),color-stop(1.0,#E5E5E5));
	position: relative;
}
/*------------------------------------------------*/
.chatMsgItemContentWrapper.noFrame {
	border: none !important;
	background: none !important;
}

.chatMsgItemContentWrapper.noFrame:before {
	content: '' !important;
}
/*------------------------------------------------*/
.chatMsgItem.right .rawMsgItemContent {
	float: right;
	position: relative;
}

/*------------------------------------------------*/

.chatEditor {
	border-top: solid 1px #D9D9D9;
	width: 100%;
	height:120px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.chatEditor .h_spliter{
	height: 3px;
	width: 100%;
	border-top: solid 1px #E2E1E1;
	cursor: row-resize;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	background: transparent;
}

.chatEditor:hover .h_spliter{
	display:block;
	
}

.chatEditor .h_spliter:hover{
	border-top-color: #A8A6A6;
}

/*------------------------------------------------*/



.v_spliter{
	cursor: col-resize;
	background-color: transparent;
	width: 3px;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: -2px;
	border-left: solid 2px #DDDCDC;
}

.v_spliter:hover{
	border-left-color: #A8A6A6;
}

/*------------------------------------------------*/

.chatEditorToolbar {
	padding: 3px 5px;
	background: -webkit-linear-gradient(top, #E0D9D9 0%,#E7E4E4 50%,#E0D9D9 100%);
	box-shadow: 1px 1px 1px #A39FA0;
}

.chatEditorBoxWrapper {
	background: #EFF3D4;
	overflow: auto;
	height: calc(100% - 36px);
	font-size: 16px;
	padding: 5px;
	border: solid 1px #E8EEC8;
}

.chatEditorBox {
	width: 100%;
	height: 100%;
}

/*------------------*/

.chatViewerHeader {
	overflow: hidden;
	clear: both;
	padding: 5px 10px;
	background: -webkit-linear-gradient(top, #E0D9D9 0%,#E7E4E4 50%,#E0D9D9 100%);
	box-shadow: 1px 1px 1px #A39FA0;
	height: 27px;
	position: relative;
}
.chatViewerHeaderLeft {
	width: 350px;
	float: none!important;
	margin: 0px auto;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	margin-top: 2px;
}
.chatViewerHeaderRight {
	width: 100%;
	padding-top: 2px;
	position: absolute;
	left: 3px;
	top: 5px;
}

.chatViewerIcon {
	margin-right: 5px;
}
.chatViewerIconImg {
	height: 50px;
}
.chatViewerTitle {
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	line-height: 27px;
	color: #585656;
	text-align: center;
}
.chatViewerDesc {
	display: inline-block;
	line-height: 20px;
	margin: 0px;
	overflow: hidden;
	color: #77797A;
	font-size: 12px;
	white-space: nowrap;
}

.imgMsg {
	max-width: 500px;
}

.locImgMsg {
	width: 300px;
	height: 300px;
	max-width: 100%;
	max-height: 100%;
}

/*------------------------------------------------------*/

.fileMsgWrapper {
	border: solid 1px #E0DCDC;
	border-radius: 3px;
	padding: 3px;
	background: #E9E4E4;
	width: 180px;
	overflow: auto;
	cursor: pointer;
}

.fileMsgIcon {
	float: left;
}

.fileMsgIconImg {
	width: 60px;
}

.fileMsgInfo {
	line-height: 20px;
	color: #525151;
	overflow: hidden;
	padding-top: 12px;
	padding-left: 5px;
}

.fileMsgName {
	height: 20px;
	overflow: hidden;
}

.flagFields {
	display: none;
}

.readerListWrapper {
	position: absolute;
	background: #CCD8F7;
	padding: 5px;
	width: 130px;
	line-height: 22px;
	border-radius: 5px;
	opacity: .8;
}

.readerCount {
	background-color: #EEEEEE;
}

/*----------------------------------*/

.userProfileViewer {
	overflow: auto;
	padding: 20px;
}

.userProfileIcon {
	float: left;
	margin-right: 15px;
}

.userProfileIconImg {
	width: 110px;
	border-radius:3px;
}

.userProfileSummary {
	float: left;
	max-width: 310px;
	/*word-wrap: break-word;*/
}

.userProfileName {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	color: #706E6E;
}

.userProfileProperties {
	line-height: 20px;
	padding: 5px 0px;
	color: #888;
}
.userProfilePropertyItem {

}

.userProfilePropertyName {
	width: 70px;
	display: inline-block;
}

.userProfilePropertyName:after{
	content : ':';
}

.userProfilePropertyValue {

}

/*-----------------------------------------*/

.chatPanelParticipantsWrapper {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(240, 240, 240, 1);
	z-index: 9;
}

.chatPanelParticipantsList {
	width: 100%;
	height: 100%;
}
.chatMemberViewHeader {
	height: 27px;
	padding: 5px 10px;
	background: -webkit-linear-gradient(top, #ECF4F7 0%,#e3eaed 37%,#D2DADD 100%);
	box-shadow: 1px 1px 1px rgba(141, 134, 136, 0.49);
	text-align: center;
	position: relative;
	color: #888;
	font-size: 18px;
}
.chatMemberList, .chatMemberAddList {
	overflow: auto;
	padding: 15px;
	height: calc(100% - 67px);
}

.chatMember {
	float: left;
	width: 90px;
	background-color: #fff;
	box-shadow: 0px 1px 1px #EEF1F4;
	/* padding: 10px; */
	margin-right: 12px;
	margin-bottom: 7px;
	position: relative;
	border: 1px solid #DBE3ED;
	padding: 10px;
	text-align: center;
}

.chatMember:hover{
	background: #ECE5FC;
}

.chatMemberIcon {
	max-width: 85px;
	max-height: 85px;
}

.chatMemberSummary {

}

.chatMemberName {
	text-align: center;
	color: #5A5959;
	white-space: nowrap;
	overflow: hidden;
	word-wrap: normal;
	o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 90px;
}

.chatMemberAdder {
	float: left;
	width: 110px;
	height: 118px;
	border: 1px dashed #D0D0D0;
	cursor: pointer;
	line-height: 124px;
	font-size: 50px;
	text-align: center;
	color: #cecece;
	border-radius: 3px;
	margin-right: 12px;
}

.chatMemberAdder:hover {
	color: #888;	
}

.closeChatMemberViewBtn , .closeAddChatMemberViewBtn{
	position: absolute;
	left: 0px;
	cursor: pointer;
	border-radius: 3px;
	padding: 0px 3px;
	margin-left: 10px;
	background-image: url('../../../images/common16/back.png');
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.6;
	width: 16px;
	height: 27px;
}

.closeChatMemberViewBtn:hover, .closeAddChatMemberViewBtn:hover {
	opacity: 1;
}

/*-----------------------------------------*/

.participantAdderWrapper{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(240, 240, 240, 1);
}

.participantAdder{
	background: transparent;
}

.saveChatMemberViewBtn{
	cursor: pointer;
	position: absolute;
	right: 5px;
	font-size: 16px;
	padding: 0px 5px;
	border-radius: 3px;
	background: url('../../../images/common16/user_add.png') no-repeat center;
	opacity: .6;
	width: 16px;
	height: 27px;
}

.saveChatMemberViewBtn:hover{
	opacity: 1.0;
}

/*------------------------------------------*/

.membersList{
	
}

.membersList .stringListItem.selected .stringListItemText:after{
	content:'(Admin)'
}

.chatMap{	
	display: block;
	float: right;
	width: calc(50% - 20px);
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	border-left: solid 1px #ccc;
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------*/

.innerIcon.customFormField{
	vertical-align:bottom;
	margin-right: 3px;
}

.innerIcon.customFormField .imgWrap{
	padding:0px;
}


/*----------------------------------------------------------------------------------------------*/


body {
	background-color: #ddd;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

:active,
:focus {
	outline: 0;
}

/*-------------------------------------------*/

.cockpit {
	position: absolute;
	height: 500px;
	width: 500px;
	margin: 132px 101px;
	z-index: 9;
	opacity: .4;
}

/*-------------------------------------------*/

.radar {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #A5A2A2;
	border-radius: 100%;
	box-shadow: 0 0 5px 5px #A5A2A2;
	overflow: hidden;
}

/*-------------------------------------------*/

@-webkit-keyframes scan {
	0% {
		-webkit-transform: rotate(0deg);
	}	
	50% {
		-webkit-transform: rotate(180deg);
	}	
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes scan-cover {
	0% {
		-webkit-transform: rotate(100deg);
	}	
	50% {
		-webkit-transform: rotate(280deg);
	}	
	100% {
		-webkit-transform: rotate(460deg);
	}
}
 
.radar:before {
	content: " ";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: -webkit-radial-gradient(center center, circle closest-side, green, #A5A2A2);
	border-radius: 100%;
	z-index: 5;
}

.objects:before {
	content: " "; 
	display: block;
	position: absolute;
	height: 102%;
	width: 102%;
	top: -5px;
	left: -5px;
	background-color: #A5A2A2;
	background-image: -webkit-radial-gradient(center center, circle closest-side, #003300, #A5A2A2);
	border-radius: 100%;
	clip: rect(0, 510px, 510px, 255px);
	z-index: 20;
	-webkit-animation: scan 5s linear infinite;
}

.objects:after {
	content: " ";
	display: block;
	position: absolute;
	height: 102%;
	width: 102%;
	top: -5px;
	left: -5px;
	background-color: #A5A2A2;
	background-image: -webkit-radial-gradient(center center, circle closest-side, #003300, #A5A2A2);
	border-radius: 100%;
	clip: rect(0, 510px, 510px, 255px);
	z-index: 20;
	-webkit-animation: scan-cover 5s linear infinite;
}

.cockpit.pause .objects:before,
.cockpit.pause .objects:after {
	content: none;
}

.object {
	color: green;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	font-size: 13px;
	box-sizing: border-box;
	line-height: 13px;
	text-indent: 8px;
	font-family: sans-serif;
	text-shadow: 1px 1px 1px #030;
	z-index: 10;
	left: 0;
	top: 0;
}

.object:after {
	content: "\2022";
	display: block;
	position: absolute;
	margin-top: -12px;
	margin-left: -10px;
	font-size: 22px;
	display:none;
}

.object:nth-child(1):before {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: -webkit-radial-gradient(circle, #006600, #A5A2A2);
	left: 0;
	top: 50%;
	z-index: 5;
}

.object:nth-child(2):before {
	content: " ";
	position: absolute;
	display: block;
	width: 1px;
	height: 100%;
	background: -webkit-radial-gradient(circle, #006600, #A5A2A2);
	left: 50%;
	top: 0;
	z-index: 5;
}

.object:nth-child(3):before,
.object:nth-child(4):before,
.object:nth-child(5):before,
.object:nth-child(6):before {
	content: " ";
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid green;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	z-index: 5;
}

.object:nth-child(3):before {
	height: 20%;
	width: 20%;
	margin-left: -10%;
	margin-top: -10%;
	border-color: #005500;
}

.object:nth-child(4):before {
	height: 40%;
	width: 40%;
	margin-left: -20%;
	margin-top: -20%;
	border-color: #004400;
}

.object:nth-child(5):before {
	height: 60%;
	width: 60%;
	margin-left: -30%;
	margin-top: -30%;
	border-color: #003300;
}

.object:nth-child(6):before {
	height: 80%;
	width: 80%;
	margin-left: -40%;
	margin-top: -40%;
	border-color: #002200;
}

.html {
	padding-left: 236px;
	padding-top: 124px;
}

.css {
	padding-left: 358px;
	padding-top: 287px;
}

.javascript {
	padding-left: 400px;
	padding-top: 387px;
}

.ruby {
	padding-left: 201px;
	padding-top: 340px;
}

.java {
	padding-left: 182px;
	padding-top: 101px;
}

.mysql {
	padding-left: 102px;
	padding-top: 351px;
}

.backbone {
	left: 433px;
	top: 109px;
}

.rails {
	left: 248px;
	top: 187px;
}

.ec2 {
	left: 301px;
	top: 186px;
}

.cucumber {
	left: 220px;
	top: 321px;
}


/*-------------------------------------------*/

.panel {
	position: absolute;
	display: block;
	z-index: 50;
	width: 100%;
	height: 100%;
}

.panel .power {
	margin-left: -25px;
	display:none;
}

.panel .more {
	display: none;
}

.panel:before {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: -webkit-radial-gradient(circle, #006600, #A5A2A2);
	left: 0;
	top: 50%;
}

.panel:after {
	content: " ";
	position: absolute;
	display: block;
	width: 1px;
	height: 100%;
	background: -webkit-radial-gradient(circle, #006600, #A5A2A2);
	left: 50%;
	top: 0;
}

.panel ul:before,
.panel ul:after,
.panel ul li:nth-child(1):before,
.panel ul li:nth-child(1):after,
.panel ul li:nth-child(2):before,
.panel ul li:nth-child(2):after,
.panel ul li:nth-child(3):before,
.panel ul li:nth-child(3):after {
	content: " ";
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px double green;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	-webkit-animation: scan 5s linear infinite;
}

.panel ul li:nth-child(2):before,
.panel ul li:nth-child(2):after,
.panel ul li:nth-child(3):before,
.panel ul li:nth-child(3):after {
	-webkit-animation: scan-cover 5s linear infinite;
}

.cockpit.pause .panel ul:before,
.cockpit.pause .panel ul:after,
.cockpit.pause .panel ul li:before,
.cockpit.pause .panel ul li:after {
	-webkit-animation: none;
}

.panel ul:before,
.panel ul li:nth-child(2):before {
	height: 20%;
	width: 20%;
	margin-left: -10%;
	margin-top: -10%;
	border-color: #317031;
	clip: rect(0, 500px, 500px, 50px);
}

.panel ul:after,
.panel ul li:nth-child(2):after {
	height: 40%;
	width: 40%;
	margin-left: -20%;
	margin-top: -20%;
	border-color: #317031;
	clip: rect(0, 500px, 500px, 100px);
}

.panel ul li:nth-child(1):before,
.panel ul li:nth-child(3):before {
	height: 60%;
	width: 60%;
	margin-left: -30%;
	margin-top: -30%;
	border-color: #317031;
	clip: rect(0, 500px, 500px, 150px);
}

.panel ul li:nth-child(1):after,
.panel ul li:nth-child(3):after {
	height: 80%;
	width: 80%;
	margin-left: -40%;
	margin-top: -40%;
	border-color: #317031;
	clip: rect(0, 500px, 500px, 200px);
}

.panel a {
	font-family: "FontAwesome";
	color: rgb(37,37,37);
	text-shadow: 0px 1px 1px rgba(250,250,250,0.1);
	font-size: 16pt;
	display: block;
	position: relative;
	text-decoration: none;
	background-color: rgb(83,87,93);
	box-shadow: 0px 3px 0px 0px rgb(34,34,34),0px 7px 10px 0px rgb(17,17,17),inset 0px 1px 1px 0px rgba(250, 250, 250, .2),inset 0px -12px 35px 0px rgba(0, 0, 0, .5);
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 100%;
	text-align: center;
	line-height: 32px;
}

.panel a:active {
	box-shadow: 0px 0px 0px 0px rgb(34,34,34),0px 3px 7px 0px rgb(17,17,17), inset 0px 1px 1px 0px rgba(250, 250, 250, .2),	inset 0px -10px 35px 5px rgba(0, 0, 0, .5);
	background-color: rgb(83,87,93);
	top: 3px;
}

.mapUserTerminal{
	width:16px;
	height: 16px;
	vertical-align: text-top;
	-webkit-transition-duration: .3s;
}
.mapUserTerminal:hover{
	-webkit-transform: scale(1.5);
}

.userNameTip{
	cursor:pointer;
}

.userMarkerBtn{
	border: solid 1px #C9C5C5;
	padding: 3px 5px;
	border-radius: 3px;
	background: #eee;
	margin-right: 5px;
	font-weight: bold;
	margin-top: 2px;
}

.chatPanelContent{
	position: relative;
	height: calc(100% - 37px);
	width: 100%;
	overflow: auto;
}

.chatLeft{
	width:100%;
	height:100%;
	position: relative;
}

.replyToBroadcaster{
	height: 37px;
	background: #E2E1E1;
	padding: 0px;
	margin: 0px;
	line-height: 37px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 16px;
	cursor: pointer;
}
.replyToBroadcaster:hover{
	background: #D8D7D7;
	text-decoration: underline;
}

.dbtn{
	text-decoration: underline;
	cursor: pointer;
}

/*------------------------------------*/

.column3{
	border-bottom: solid 1px #EEE;
	height: 85px;	
}

.column3 .c1{
	width: 100px;
	float: left;
}
.column3 .c2{
	width: calc(100% - 250px);	
	float: left;
}
.column3 .c2 h2{
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 5px;
	margin: 10px 0px 5px 0px;
}
.column3 .c2 > div{
	padding: 0px 5px;
	letter-spacing: 1px;
}
.column3 .c3{
	width: 150px;
	float: right;
	padding: 10px 0px;
	text-align: center;
}

.addMySticker {
	background: #ccc;
	padding: 1px 8px;
	border-radius: 3px;
	letter-spacing: 1px;
	font-weight: bold;
	width: 80px;
}

.stickerMenu{
	width: 200px;
	height: calc(100% - 31px);
	position: absolute;
	top: 31px;
	right: 0px;
	background: #ccc;
	border-left: solid 1px #DAD5D5;
	display:none;
}

.stickerMenuItem{
	
}
.stickerNameMenu{
	padding: 0px 3px;
	letter-spacing: 1px;
	display: inline-block;
	width: 160px;
}
.delStickerMenu{
	font-weight: bold;
	color: #FC7777;
	cursor: pointer;
}
.stickerMenuItemChecker{
	vertical-align: middle;
}

#iconSelector {
	
}

#iconSelector.tabControl .tabHeader .tabNav .tabNavItem{
	text-align: center;
	width: 90px;
	height: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 0px;
}

.stickerTip{
	position: absolute;
	top: 30px;
	background: #F1F0F0;
	width: 100%;
	height: 370px;
	font-size: 20px;
	z-index: 999;
}


.adminSIcon{
	position: absolute;
	left:0px;
	top:0px;
}
.administrator .adminSIcon.admin, .administrator .adminSIcon.user{
	cursor: pointer;	
	border: solid 1px #8F8E8E;
	border-radius: 50%;
}

.administrator .adminSIcon.admin:hover, .administrator .adminSIcon.user:hover{
	box-shadow: 1px 1px 1px #AAA, -1px -1px 1px #AAA, 1px -1px 1px #AAA, -1px 1px 1px #AAA;
}

.stringListItem.selected[type="user"] .d {
	display: none;
}
.m-item{	
	padding: 8px 8px;
	cursor: pointer;
	border-bottom: solid 1px rgba(170, 170, 170, 0.61);
	letter-spacing: 1px;
	font-size: 12px;
}
.m-item:hover{
	background: rgba(204, 204, 204, 0.76);
}
